﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
}
.STYLE1 {
	color: #e1e2e3;
	font-size: 12px;
}
.STYLE6 {color: #000000; font-size: 12; }
.STYLE10 {color: #000000; font-size: 12px; }
.STYLE19 {
	color: #344b50;
	font-size: 12px;
}
.STYLE21 {
	font-size: 12px;
	color: #3b6375;
}
.STYLE22 {
	font-size: 12px;
	color: #295568;
}
div, p, a {
	margin:0;
	padding:0;
}
#opinfo a {
	display: block;
	width: 100px;
	height: 26px;
	text-decoration: none;
	padding-top: 15px;
	color: #FF0000;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
                <td width="94%" valign="bottom"><span class="STYLE1">活动商品内容设置</span></td>
              </tr>
            </table></td>
            <td></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>
		<div id="content">
			<div id="listinfo" style="width:640px; height: 430px; border:1px #000000 solid;">
				<div id="pinfo" style="width:240px; height: 430px; border:1px #000000 solid; text-align: center; float: left;">
					<div>2012年10月19日</div>
					<p><img src="images/460.jpeg" width="220" height="227" alt="" /></p>
					<p><img src="images/zk.jpg" width="158" height="24" alt="" /></p>
					<p>已经有 <span style="color: #FF0000;">6,800</span> 个人要求折扣</p>
					<div id="plinfo" style="border:1px #000000 solid; width: 198px; height: 100px; text-align: left; padding: 5px 20px 5px 20px;">
						<p>张小娴说：没有折扣可不行</p>
						<p>曾小贤说：其实没有折扣真不行</p>
					</div>
					<p><img src="images/ydz.jpg" width="176" height="27" alt="" /></p>
				</div>
				<div id="opinfo" style="width: 120px; height: 410px; border:1px #000000 solid; float: left; padding: 10px; font-size: 13px;">
					<p><a href="#">产品名称</a></p>
					<p><a href="#">开启折扣</a></p>
					<p><a href="#">开启折扣URL</a></p>
					<p><a href="#">未开启折扣URL</a></p>
					<p><a href="#">默认产品URL</a></p>
					<p><a href="#">投票数量</a></p>
					<p><a href="#">产品展示图片</a></p>
				</div>
				<div id="editinfo" style="display: none; width: 240px; height: 430px; float: left;">
			</div>
			</div>
			<div style="clear:both;"></div>
		</div>
	</td>
  </tr>
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="33%"></td>
        <td width="67%"></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
var objcurp={
	id:1,
	name:'微波炉',
	info:'balabalabala',
	img:'images1.jpg',
	sum:'19008',
	pl:'abcdefg|1234567|asdfghjkl'
};
$('#opinfo a').click(function(){
	switch($(this).html()){
		case '产品名称':
			//$("#editinfo").css({ background: "#FFF000" });
			$("#editinfo").html('<p>产品名称</p>');
			break;
		case '活动日期':
			$("#editinfo").html('<p>活动日期</p>');
			break;
		case '活动时间':
			$("#editinfo").html('<p>活动时间</p>');
			break;
		case '开启折扣':
			$("#editinfo").html('<p>开启折扣</p>');
			break;
		case '开启折扣URL':
			$("#editinfo").html('<p>开启折扣URL</p>');
			break;
		case '未开启折扣URL':
			$("#editinfo").html('<p>未开启折扣URL</p>');
			break;
		case '默认产品URL':
			$("#editinfo").html('<p>默认产品URL</p>');
			break;
		case '投票数量':
			$("#editinfo").html('<p>投票数量</p>');
			break;
		case '产品展示图片':
			$("#editinfo").html('<p>产品展示图片</p>');
			break;
		default:
			break;
	}
	$('#editinfo').show();
});

</script>
</html>